<template>
    <div class="app-container">
            <h4>基本信息</h4>
            <table class="table table-striped table-condenseda table-bordered" width="100%">
                    <tbody>
                            <tr>
                                    <th width="15%">医院名称</th>
                                    <td width="35%">
                        <b style="font-size: 14px">{{hospital.hosname}}</b> | {{hospital.param.hostype}}</td>
                                    <th width="15%">医院logo</th>
                                    <td width="35%">
                                            <img :src="'data:image /jpeg;base64,'+hospital.logoData" width="80">
                                        </td>
                                </tr>
                            <tr>
                                    <th>医院编码</th>
                                    <td>{{ hospital.hoscode }}</td>
                                    <th>地址</th>
                                    <td>{{ hospital.param.fullAddress }}</td>
                                </tr>
                            <tr>
                                    <th>坐车路线</th>
                                    <td colspan="3">{{ hospital.route }}</td>
                                </tr>
                            <tr>
                                    <th>医院简介</th>
                                    <td colspan="3">{{ hospital.intro }}</td>
                                </tr>
                        </tbody>
                    </table>

                <h4>预约规则信息</h4>
                <table class="table table-striped table-condenseda table-bordered" width="100%">
                    <tbody>
                            <tr>
                                    <th width="15%">预约周期</th>
                                    <td width="35%">{{ bookingRule.cycle }}天</td>
                                    <th width="15%">放号时间</th>
                                    <td width="35%">{{ bookingRule.releaseTime }}</td>
                                </tr>
                            <tr>
                                    <th>停挂时间</th>
                                    <td>{{ bookingRule.stopTime }}</td>
                                    <th>退号时间</th>
                                    <td>
                        {{ bookingRule.quitDay == -1 ? '就诊前一工作日' : '就诊当日' }}{{ bookingRule.quitTime }} 前取消</td>
                                </tr>
                            <tr>
                                    <th>预约规则</th>
                                    <td colspan="3">
                                        <ol>
                                            <li v-for="item in bookingRule.rule" :key="item">{{ item }}</li>
                                            </ol>
                                        </td>
                                </tr>
                        <br>
                            <el-row>
                                <el-button @click="back">返回</el-button>
                                </el-row>
                        </tbody>
                </table>
    </div>
</template>
<script>
    import { findHospitalById } from '@/api/hospital'
    export default {
        data() {
            return {
                id: '',
                hospital:{},
                bookingRule:{}
            }
        },
        created() {
            this.init()
        },
        methods: {
            init() {
                if (this.$route.params && this.$route.params.id) {
                    this.id = this.$route.params.id
                }
                this.findById()
            },
            findById() {
                findHospitalById(this.id).then(res => {
                    this.hospital=res.data.hospital
                    this.bookingRule=res.data.bookingRule
                })
            },
            back(){
                this.$router.push({path:'/hospital/list'})
            }
        }
    }
</script>